<script setup>
import PredictionScroll from './components/PredictionScroll/index.vue'
import CostBoard from './components/CostBoard/index.vue'
import PowerLine from './components/PowerLine/index.vue'
import QualityPie from './components/QualityPie/index.vue'

const predictionList = [
    {
        xh: '01',
        xTime: '23.06.21',
        content: '加工不合格率超标',
        status: '1'
    },
    {
        xh: '02',
        xTime: '23.06.21',
        content: '原料不足',
        status: '2'
    },
    {
        xh: '03',
        xTime: '23.06.21',
        content: '半成品不良品满库',
        status: '1'
    },
    {
        xh: '04',
        xTime: '23.06.21',
        content: '装配不合格率超标',
        status: '1'
    },
    {
        xh: '05',
        xTime: '23.06.21',
        content: '装配不合格率超标',
        status: '1'
    },
    {
        xh: '06',
        xTime: '23.06.21',
        content: '半成品不良品满库',
        status: '2'
    },
    {
        xh: '07',
        xTime: '23.06.21',
        content: '原料不足',
        status: '1'
    },
    {
        xh: '08',
        xTime: '23.06.21',
        content: '加工不合格率超标',
        status: '1'
    }
]
</script>

<template>
    <div class="com-side-board">
        <PredictionScroll :list="predictionList" />
        <CostBoard />
        <PowerLine />
        <QualityPie />
    </div>
</template>

<style scoped lang="scss"></style>
